$(function () {
 // layui.use('form', function () {
 let form = layui.form
 form.verify({
  // 自定义的校验规则（验证两个密码框的值是否相等：如果相等则校验通过；否则校验失败！）
  rePwd: function (val) {
   // 获取到密码框的值
   let pwd = $('#registerBox [name="password"]').val().trim()
   if (pwd !== val) {
    // 两个密码框的值不一致
    return '输入的两次密码不一致！'
   }
   // 如果校验通过，不需要做任何处理
  },
  // 校验密码长度的验证规则
  pwd: [/^\S{6,15}$/, '密码6~15位且不能有空格'],
  username: [/^\w{1,10}$/, '用户名为字母或数字的组合，且必须是1-10位！']
 })
 // })
 // 需求1:点击a链接,显示隐藏盒子
 // 点登录区域的a标签,登录盒子隐藏
 $('#loginBox a').on('click', function () {
  // #loginBox隐藏 #registerBox显示
  $('#loginBox').hide()
  $('#registerBox').show()
 })
 // 点注册区域的a标签,注册盒子隐藏
 $('#registerBox a').on('click', function () {
  // #loginBox显示 #registerBox隐藏
  $('#loginBox').show()
  $('#registerBox').hide()
 })

 // ----------------------------注册------------------------
 // 给注册盒子的form表单注册提交事件
 let layer = layui.layer
 $('#registerBox form').on('submit', function (e) {
  // 阻止form自动提交
  e.preventDefault()
  // serialize 返回的值的是查询字符串
  let data = $(this).serialize()
  axios({
   method: 'POST',
   url: '/api/reguser',
   data: data
  }).then((res) => {
   if (res.data.status != 0) {
    layer.msg(res.data.message)
   }
   // 用户体验提升判断 res.data.status===0接口文档规定
   if (res.data.status === 0) {
    // 如果成功,初始化注册表单
    // [0]是把jq对象转换为dom对象,reset()是DOM方法重置 然后使用它初始化
    $('#registerBox form')[0].reset()
    // 弹出提示信息
    layer.msg(res.data.message)
    // 注册成功,跳转登录页面(就是隐藏注册页)
    $('#registerBox a').click()
    // $('#registerBox').hide()
    // $('#loginBox').show()
   }
  })
 })
 // ----------------------------登录------------------------
 $('#loginBox form').on('submit', function (e) {
  // 阻止form自动提交
  e.preventDefault()
  // serialize 返回的值的是查询字符串
  let data = $(this).serialize()
  axios({
   method: 'POST',
   url: '/api/login',
   data: data
  }).then((res) => {
   // 打印res
   console.log(res)
   // 用户体验提升判断 res.data.status===0接口文档规定
   if (res.data.status != 0) {
    return layer.msg(res.data.message)
   }
   // 1如果成功,弹出登录成功提示,去layui弹层组件寻找样式
   //layer.msg('登录成功');//自己写的
   // 2跳转到index页面
   // window.location 对象可用于获取当前页面地址（URL）并把浏览器重定向到新页面。可以不带window
   // href 属性是一个可读可写的字符串，可设置或返回当前显示的文档的完整 URL。
   // location.href='/index.html'
   //layui方法
   layer.msg(res.data.message),
    location.href = '/index.html'
   localStorage.setItem('token', res.data.token)


  })
 })
})